/**
 * Created by Tang on 2017/6/19.
 */

var manager = new Manager();

//添加按钮点击事件;
$('.mR_warp_box button').eq(0).on('click',function () {
    //黑色包裹与输入框显示;
    clicks('init',function () {
        //提交按钮点击事件;
        //判断必填内容是否为空;
        if (ifNull()){
            if (manager.arr.indexOf($('.init :text').eq(0).val()) == -1){
                //调用后台添加书方法,在成功回调函数内写入添加tr方法;
                manager.addBook(function (data) {
                    console.log(data);
                    $('<tr>').attr('id',data.id).html(addTr('init')).appendTo($('.mR_warp_table tbody'));
                });
                manager.arr.push($('.init :text').eq(0).val());
                $('.warp_black').css('display','none');
            }else {
                alert('本书已存在')
            }
        }else {
            //如果必填内容未填,则弹出信错误;
            alert('*号内容必填')
        }
    });
}).siblings().on('click',function () {
    //删除按钮点击事件;
    $('.mR_warp_table tbody :checkbox:checked').parents('tr')
        .each(function () {
            var _this = $(this);
            manager.delName($(this).attr('id'),function () {
                manager.arr.splice(manager.arr.indexOf($(this).children('td').eq(1).html()),1);
                _this.remove();
            });
        })
});
//表格表头复选框点击全选事件;
$('#check').on('click',function () {
    $('.mR_warp_table tbody :checkbox').prop('checked',$('#check').prop('checked'))
});

//查看按钮事件;
$('.mR_warp_table').on('click','._show',function () {
    addInput($(this),'show');
    clicks('show');
}).on('click','._change',function () {
    //修改按钮事件;
    var _this = $(this);
    var id = $(this).parents('tr').attr('id');
    addInput($(this),'change');
    clicks('change',function () {
        manager.change(id,function (data) {
            _this.parents('tr').html(addTr('change'));
            $('.warp_black').css('display','none');
        });
    });
});


//函数方法;

function _X() {
    return document.documentElement.clientWidth;
}
function _Y() {
    return document.documentElement.clientHeight;
}

//输入框判断函数;
function ifNull() {
    var bol = true;
    //判断必填内容是否为空;
    $('.init input').each(function () {
        if ($(this).val() == ''){
            bol = false
        }
    });
    return bol;
}
//添加修改查看点击事件;
function clicks(cls,fn) {
    $('.warp_black').css({'display':'block',width:_X(),height:_Y()})
        .find('.' + cls).css('display','block')
        .siblings().css('display','none')
        .parent().find('.'+ cls +' button').eq(1)
        .off('click').on('click',function (){
            $('.warp_black').css('display','none');
        })
        .siblings().off('click').on('click',fn);
}
//添加内容方法;
function addTr(cls) {
    return '<td><input type="checkbox"></td>' +
        '<td>' + $('.' + cls + ' :text').eq(0).val() + '</td>' +
        '<td>' + $('.' + cls + ' :text').eq(1).val() + '</td>' +
        '<td>' + $('.' + cls + ' :text').eq(2).val() + '</td>' +
        '<td>' + $('.' + cls + ' :text').eq(3).val() + '</td>' +
        '<td>' + $('.' + cls + ' :text').eq(4).val() + '</td>' +
        '<td>' + $('.' + cls + ' :text').eq(5).val() + '</td>' +
        '<td><button class="_show">查看</button>' +
        '<button class="_change">修改</button></td>'
};
//修改查看时添加表单方法;
function addInput(ele,cls) {
    ele.parents('tr').children('td').each(function (i) {
        if ($(this).index != 0){
            $('.' + cls + ' input:text').eq(i - 1).val($(this).text());
        }
    })
}